import { ProLayoutProps } from '@ant-design/pro-components';

/**
 * @name
 */
const Settings: ProLayoutProps & {
    pwa?: boolean;
    logo?: string;
    headerHeight?: number;
} = {
    navTheme: 'light',
    // 拂晓蓝
    colorPrimary: '#1890ff',
    layout: 'mix',
    splitMenus: true,
    contentWidth: 'Fluid',
    fixedHeader: false,
    fixSiderbar: true,
    colorWeak: false,
    title: '开发者平台',
    pwa: true,
    logo: '/logo.svg',
    iconfontUrl: '',
    headerHeight: 56,
    token: {
        // 参见ts声明，demo 见文档，通过token 修改样式
        //https://procomponents.ant.design/components/layout#%E9%80%9A%E8%BF%87-token-%E4%BF%AE%E6%94%B9%E6%A0%B7%E5%BC%8F
        bgLayout: '#f0f2f5',
        header: {
            // colorBgHeader: '#FFFFFF',
            // colorBgHeader: '#1890ff',
            // colorHeaderTitle: '#FFFFFF',
            // colorTextRightActionsItem: '#FFFFFF',
            // colorBgRightActionsItemHover: '#1890ff',
            // colorTextMenu: '#FFFFFFFA',
            // colorTextMenuSelected: '#FFFFFF',
            // colorTextMenuActive: '#FFFFFF',
            // colorBgMenuItemHover: '#f0f2f5',
        },
        sider: {
            colorMenuBackground: '#FFFFFF',
            // colorBgMenuItemHover: '#e6f4ff',
            // colorBgMenuItemSelected: '#e6f4ff',
            // colorBgMenuItemActive: '#bae0ff',
            // colorTextMenuSelected: '#1677FF',
            // colorTextMenuActive: '#1677FF',
            // colorTextMenuItemHover: '#1677FF',
            // colorBgCollapsedButton: '#00000000',
            // colorTextCollapsedButtonHover: '#00000000',
        },
        pageContainer: {
            paddingBlockPageContainerContent: 24,
            paddingInlinePageContainerContent: 24,
        },
    },
};

export default Settings;
